<template>
  <div class="child">
    <h1>Child2</h1>
    <h2>同时绑定多个v-model</h2>
    <!-- <h2>pageNo:{{ pageNo }},pageSize:{{ pageSize }}</h2> -->
    <button @click="handler">pageNo:{{ pageNo }}</button>
    <br />
    <button @click="$emit('update:pageSize', pageSize + 5)">
      pageSize:{{ pageSize }}
    </button>
  </div>
</template>
<script setup>
let props = defineProps(["pageNo", "pageSize"]);
let $emit = defineEmits(["update:pageNo", "update:pageSize"]);

const handler = () => {
  console.log(props.pageNo, props.pageSize);
  $emit("update:pageNo", props.pageNo + 3);
};
</script>
<style scoped>
.child {
  width: 500px;
  height: 200px;
  background-color: blue;
}
</style>
